<script setup>
import {ref} from 'vue'
const points = ref(99)
// function increment(){
//   points.value++
// }
</script>
<!-- 在 <script>中是引入其他文本-->
<!-- 在<tempalte>中主要是写页面代码展示样式 -->


<!-- v-if和v-else-if的用法 -->
<template>
   
  <div v-if="points<100">普通会员</div>
  <div v-else-if="points>=100 && points<200">白银会员</div>
  <div v-else>黄金会员</div>
  <div>会员积分：{{ points }}</div>
  <button @click="points=points+10">
   会员积分+10
  </button>
<button @click="points=points-10">
   会员积分-10
  </button>
 </template>
<!-- 在 <style>中主要是写页面结构的格式，加上scoped时只能影响当前文本的样式-->
<style scoped>

</style>
